<!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" href="favicon.ico">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>万美</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 Bootstrap -->
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
    <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .btn-primary {
            color: #fff;
            background-color: #57A1CB;
            border-color: #5A90AE;
        }
    </style>

</head>
<body>
<!-- 巨幕 -->
<div class="jumbotron">
    <div class="container">
        </br>
        <!--</br>-->
        <!--<div class="text-center">-->
            <!--<img src="enggi/enggiWeb/images/partTow.png" width="200" height="200"-->
                 <!--style="margin-left: 0px; z-index: 3;"/>-->
            <!--<img id="img3" src="enggi/enggiWeb/images/partOne.png" width="100" height="100"-->
                 <!--style="margin-left: -95px;margin-top: -115px; z-index: 4;"/>-->
            <!--<img id="img5" src="enggi/enggiWeb/images/partOne.png" width="30" height="30"-->
                 <!--style="margin-left: -25px;margin-bottom: 0px; z-index: 5;"/>-->

        <!--</div>-->
        <!--</br>-->
        <h1 class="text-center">万美</h1>
        </br>
        <p class="text-center">值得游/XXX</p>
        <p class="text-center"><a class="btn btn-primary btn-lg" href="#" role="button" target="_blank">进入官网</a>
        </p>
    </div>
</div>

<!-- 栅格布局 -->

<div class="row">
    <div class="container">
        <!-- one -->
        <div class="col-md-4">
            <!-- 页头 -->
            <div class="page-header">
                <div>
                    <h2>值得游 </br>
                        <small>旅游服务</small>
                    </h2>
                </div>
            </div>

        </div>
        <!-- two -->
        <div class="col-md-4">
            <!-- 页头 -->
            <div class="page-header">
                <div>
                    <h2></br>
                        <small></small>
                    </h2>
                </div>
            </div>
        </div>
        <!-- three -->
        <div class="col-md-4">
            <!-- 页头 -->
            <div class="page-header">
                <div>
                    <h2></br>
                        <small></small>
                    </h2>
                </div>
            </div>

        </div>
    </div>
</div>
<!--        -->
<div>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
</div>
<!-- 页脚 -->
<div class="page-header text-center">
    <h5>上海万美
        </br>
        </br>
        <small>Designed by Lucicol in wanMei</small>
    </h5>
</div>
<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
<!-- <script src="https://code.jquery.com/jquery.js"></script> -->
<!-- 包括所有已编译的插件 -->
<!-- <script src="js/bootstrap.min.js"></script> -->
<script src="enggi/enggiWeb/js/jquery.min.js"></script>
<script src="enggi/enggiWeb/js/jquery.rotate.min.js"></script>
<script>
    $(function () {
        $("#img1").rotate({angle: 45});
        $("#img2").rotate({
            bind: {
                mouseover: function () {
                    $(this).rotate({animateTo: 180})
                }, mouseout: function () {
                    $(this).rotate({animateTo: 0})
                }
            }
        });
        var d = 0;
        setInterval(function () {
            d += 3;
            $("#img3").rotate(d)
        }, 50);
        var a = function () {
            $("#img4").rotate({angle: 0, animateTo: 360, callback: a})
        };
        a();
        var c = function () {
            $("#img5").rotate({
                angle: 360, animateTo: 0, callback: c, easing: function (f, g, e, i, h) {
                    return i * (g / h) + e
                }
            })
        };
        c();
        $("#img6").rotate({
            bind: {
                click: function () {
                    $(this).rotate({angle: 0, animateTo: 180, easing: $.easing.easeInOutExpo})
                }
            }
        });
        var b = 0;
        $("#img7").rotate({
            bind: {
                click: function () {
                    b += 90;
                    $(this).rotate({animateTo: b})
                }
            }
        })
    });
</script>

</body>
</html>
